<template>
  <div>
    <div class="head_box">
        <div class="logo" @click="goHome">
            <div>青年</div>
            <div>酷站</div>
        </div>
        <router-link to="/search">
            <div class="search">
                <span class="iconfont icon-chazhao"></span>
            </div>
        </router-link>
    </div>
  </div>
</template>

<script>
export default {
    methods:{
        goHome(){
            this.$router.push('/home')
        }
    },
}
</script>

<style lang="less" scoped>
.head_box{
    max-width: 970px;
    transition: 0.5s;
    height: 1rem;
    width: 100%;
    background-color: #31c27c;
    display: flex;
    align-items: center;
    font-size: .4rem;
    justify-content: space-between;
    padding: 0 .3rem;
    z-index: 9999;
    .logo{
        color:white;
        font-size: .3rem;
        line-height: .3rem;
    }
    .search{
        color: white;
        span{
            font-size: .4rem;
        }
    }

}
</style>